﻿@font-face {
    font-family: 'Fakt-Light';
    src: url(../fonts/Fakt-Light.otf);
}
/*RESET CSS*/
* {margin:0 auto; padding:0; list-style: none; font-family:'Fakt-Light','Source Sans Pro', 'Segoe UI Light', tahoma; }

body {background-image:url('../img/bg1.jpg');}

.logo {
	position: absolute;
	margin: 6x;
}

@media (max-width: 1024px) {
 .logo {
	position: absolute;
	width:70px;
 	margin-top:-25px;
 }
}


/*DEIXAR O MENU NO CANTO DIREITO*/
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
  padding-top:25px; 
 
}

.navbar-wrapper .navbar .container {
  width: auto;
}

/*espaçamento pro texto do conteudo das páginas*/
.padding {
	padding:28px;
}

/*imagens da index*/
.marge { margin-top:110px;}


img { border-radius:4px; }
/*fim das imagens da index*/


.backgroundRGBA {
	background: rgba(255,255,255,0.7);
	border-radius: 4px;
}

/*MARGEM PRA USAR EM QUALQUER LUGAR*/
.marginTop {
	margin-top:30px;
}

.marginZero {
	margin-top:0px;
}
/*BACKGROUND DAS NOTICIAS*/
 .backgroundNews {
 	background:#395360;
 	height: 330px;
 	color:#fff;
 	padding: 20px 10px 50px 10px; 
 	border-radius:4px;

 }

/*BACKGROUNDS DOS CONTEUDOS*/
 .backgroundVermelho {
 	width: auto;
 	background: #e74c3c;
 	height: 650px;
	padding: 50px; 
 	color: #fff;
 }

  .backgroundVermelhoAuto {
 	width: auto;
 	background: #e74c3c;
 	height: auto;
	padding: 30px; 
 	color: #fff;
 }

  .backgroundVermelhoCursos {
  	margin: 0px auto ;
 	background: #395360;
 	height: auto;
	padding:; 
 	color: #fff;
 	
 }

  .backgroundVermelhoFatec {
 	width: auto;
 	background: #395360;
 	height: auto;
	padding: 20px; 
 	color: #fff;
 }

/**/
 .backgroundBranco {
 	width: auto;
	color: #B00D15;
	height: 650px;
	padding: 50px;
	background: #fff; 
 }

  .backgroundBrancoAuto {
 	width: auto;
	color: #B00D15;
	height: auto;
	padding: 10px;
	background:#fff; 
	border-radius: 4px;
 }

   .backgroundBrancoAutoM {
 	width: 96%;
	color: #B00D15;
	height: auto;
	padding: 10px;
	background:rgba(255, 255, 255,0.5); 
	border-radius: 4px;
 }
 
   .backgroundBrancoAutoHome {
 	width: auto;
	color: #B00D15;
	height: auto;
	
	background: #fff; 
	margin-top:0px;
 }

 .backgroundBrancoCursos {
	color: #000;
	height: 730px;
	margin: 10px auto ;
	padding: 10px ;
	border-radius: 4px;
	background: #fff; 
	border-radius: 1px solid #f2f2f2;
	box-shadow: 1px 0px 10px rgba(0, 0, 0, .09);

 }

  .backgroundBrancoCursosAF {
	color: #000;
	height: auto;
	padding: 10px ;
	border-radius: 4px;
	background: #fff; 
	box-shadow: 1px 0px 10px rgba(0, 0, 0, .02);

 }

 /**/
 .backgroundVerde {
	background-color: #395360;
	height: 450px;
	padding: 0px; 
 	color:#fff;
 }

  .backgroundVerdeAuto {
	background-color: #395360;
	height: auto;
	padding: 10px; 
 	color:#fff;
 }


 .fundoTexto {
 	background: #395360;
 	border-radius: 4px;
 	padding:25px;
 	color:#f2f2f2;
 }

.carousel {
	margin-top:100px; 
}

footer {
	text-align:center;
	background-image: url('../img/bg2.jpg');
}
/*imagem do logo do cps*/
.cps-footer {
	max-width:100%;
	height:auto;
	margin-top:75px;
}

/*endereço da fatec*/
footer h5 {
	position:relative;
	margin-top:15px; 
	padding:20px 0 0 0;
	border-top: 1px solid #ddd;
	color:#333;
}

/*links importantes*/
footer h6 {
	line-height: 20pt; 
	font-size: 10pt; 
	color:#333; 	
}

h6 a {text-decoration:none; color:#333;}
h6 a:hover{color:red;}

ul {z-index: 100;}

/*PROPRIEDADES DO BOOTSTRAP NA PÁGINA DE ESTÁGIO */
.imgMargin1 {margin-top:320px;}
.imgMargin2 {margin-top:250px;}
.marginT1 {margin-top:150px;}
.marginTopo1 {margin-top:-150px;}

.imgobs {float:right;}

/*TABELA DA PÁGINA DO ESTÁGIO*/
table {	width:100%; text-align: center; }
tbody {	border-top: 3px solid #E4E4E4; }
tr { height: 60px;}
td { width: 250px; }
.tFill {background: #eee;}

/*ESTILOS DE TEXTO*/
.justify {text-align: justify;}
.center {text-align: center;}

 .h1IndexNews {
 	text-align: center;
 	padding: 50px 50px 100px 50px;
 	color: #B00D15;
 	font-size:40pt;
 	text-shadow: 1px 2px #f2f2f2;
 	font-weight: bold;

 }
 
  .h1Index {
 	text-align: center;
 	color: #B00D15;
 	font-size:40pt;

 }

  .h1IndexRight {
 	text-align: center;
 	color: #B00D15;
 	font-size:40pt;
 	float: right;
 }

 .h2Index {
 	text-align: center;
 	color: #333;
 	font-size: 30pt;
 }

  .h2IndexR {
 	text-align: center;
 	color: #b00d15;
 	font-size: 30pt;
 }

 .h2Cursos {
 	text-align: center;
 	color: #b00d15;
 	
 }

.h3Index {
	text-align: center; 
	color: #333;
	font-size: 18pt;
}

 .h1IndexB {
 	text-align: center;
 	color: #fff;
 	font-size:40pt;
 

 }

 .h2IndexB {
 	text-align: center;
 	color: #fff;
 	font-size: 30pt;
 }

.h3IndexB {
	text-align: center; 
	color: #fff;
	font-size: 18pt;
}

.txtPreto {color:#000;}

/*txt topo da pg de curso*/
.txtTopCurso {
	text-align: center;
	padding: 50px;
	font-size: 50pt;
}


.desenvolvidoPor {
	margin-top:-25px;
	float:left;
	font-size:8pt;
}

.right {
float: right;
}

.left {
float: left;
}

/*pra deixar os h1 responsiveis*/
.leadH1 {
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 300;
  
}
@media (min-width: 768px) {
  .leadH1 {
    font-size: 60px;
  }
}

/*pra deixar os h2 responsiveis*/
.leadH2 {
  margin-bottom: 20px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .leadH2 {
    font-size: 30px;
  }
}


/*MAPA DA INDEX*/

.mapaFatec {
text-align:center;
}

table {
	height: auto !important;
}

/*MAPS*/
iframe {
	border:0; 
	width: 90%;
	height: 350px;
	padding:10px auto;
}

.opacity {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}
/*
.opacity:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier 
}*/


/*botao de ir pro topo*/
img#back_to_top{
	position: fixed;
	top:90%;
	right: 40px;
	display: none;
	padding:10px;
	z-index: 999;
	cursor: pointer;
	box-shadow: 0px 1px 0px 1px #ccc;
}

.navbar {
	margin: 25px auto;
}

.itemBannerIndex {
    z-index: -99999 !important;
    width: 100%;
    height: 200px;
}

.marginHome {
	margin-top: 500px;
}

/*borda no corpo docente*/
.border-docente {
    border-left: 1px solid #f5f5f5;
    border-right: 10px solid #f5f5f5;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 10px;
    min-height: 172px !important;
    background: rgba(255,255,255,0.9);
}

.icon-docente {
	border:none;
	
	padding:10px;
}

/*media pro link lattes*/
@media (max-width:800px) {
	.lattes {
		font-size:60%;
	}

	.icon-docente {
		padding:5px;
		border:none;
		border-bottom:1px solid #b00d15;
	}
}

.marginNews {
	width: 96%;
	color: #B00D15;
	height: auto;
	padding: 10px;
	background:rgba(255, 255, 255,0.5); 
	border-radius: 4px;
	margin-bottom:10px;
}

div#mensagemBanner{
    text-align: center;
    font-size: 30pt;
    padding: 20px;
}

div#testeDiv {
    overflow: hidden;
    width: 87%;
    max-height: 600px;
}

.img-nep-inicial {
    padding: 20px;
}

.marginNews .img-responsive {
    padding: 20px;
}

.btn
{
	margin:2px;
}

p, h1, label {
	word-wrap: break-word;
}